/* = Shared CSS Elements
=============================================*/
.invalid input {
	border: 2px solid red !important;
}
.valid input {
	border: 1px solid green;
}
.clearfix {
	zoom: 1; /* For IE */
}
.placeholder {
	color: #999;
	cursor: text;
	padding: 4px 4px 4px 4px;
}
input:placeholder,
textarea:placeholder {
	color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}
.bubble {
	-khtml-border-radius: 3px;
	background-color: #f9f9f9;
	border-color: #dfdfdf;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	border-spacing: 0;
	border-style: solid;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}
.tribe-sticky-tooltip {
	color: #bbb;
}
td.tribe_message {
	padding-bottom: 10px !important;
}

#tribe_thanks {
	float: left;
	margin: 5px 0 0 0;
	width: 200px;
}
.tribe_brand {
	font-family: Georgia !important;
	font-size: 17px !important;
	font-weight: normal;
	margin: 8px 0;
}

/* = Upgrade Screen
=============================================*/
#tribe-upgrade {
	background: #f6f6f6;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	margin: 20px 0 30px;
	padding: 0 20px 20px;
}
#tribe-upgrade .message {
	background-color: #ffffe0;
	border-color: #e6db55;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 6px 12px;
}

/* = Plugin Screen
=============================================*/
table.plugins .tribe-plugin-update-message {
	background: #d54e21; /* taken from colour scheme in list-tables.css */
	color: white;
	display: inline-table;
	margin: 6px 0;
	padding: 10px 12px;
}

table.plugins .tribe-plugin-update-message h4 {
	display: inline;
	font-weight: bold;
	margin-right: 8px;
}

table.plugins .tribe-plugin-update-message h4:after {
	content: ' \00BB ';
}


table.plugins .tribe-plugin-update-message a {
	color: white;
	text-decoration: underline;
}

/* = Settings Screen
=============================================*/
.tribe-settings-form {
	max-width: 1000px;
}
.tribe-settings-form fieldset {
	clear: both;
	display: inline-block;
	padding: 10px 0;
}
.tribe-settings-form legend {
	float: left;
	font-weight: bold;
	margin-right: 20px;
	width: 220px;
}
.tribe-settings-form fieldset.tribe-field-license_key legend {
	width: auto;
}
.tribe-settings-form .tribe-field-wrap {
	float: left;
	max-width: 500px;
}
.tribe-settings-form .tribe-field-radio label,
.tribe-settings-form .tribe-field-checkbox_list label {
	display: block;
	margin: 5px 0 5px 20px;
	text-indent: -20px;
}
.tribe-settings-form .tribe-field-radio label input,
.tribe-settings-form .tribe-field-checkbox_list label input {
	margin-right: 5px;
}
.tribe-settings-form .tribe-settings-form-wrap fieldset,
.tribe-settings-form .tribe-settings-form-wrap .description,
.tribe-settings-form fieldset[id^='tribe-field-geoloc_'] {
	padding-left: 12px;
}
.tribe-settings-form .tribe-settings-form-wrap fieldset .description {
	margin-left: 0;
	max-width: 450px;
	padding-left: 0;
}
.tribe-settings-form .tribe-settings-form-wrap h3 {
	background-color: #f9f9f9;
	margin-bottom: 10px;
	padding: 6px 0 6px 12px;
}
.tribe-settings-form .tribe-settings-form-wrap .tribe-sysinfo-optin-msg,
.tribe-settings-form .tribe-settings-form-wrap .system-info,
.tribe-settings-form .tribe-settings-form-wrap h3 + p {
	margin: 0 0 10px;
	padding-left: 12px;
}
.tribe_settings .tribe-field-indent {
	margin-left: 245px;
}
.tribe_settings #pu_dashboard_message {
	display: none;
}
.tribe_settings .tribe-errors-list {
	margin-left: 15px;
}
.tribe_settings .expiring-license {
	color: red;
}
.tribe_settings .tribe-error {
	border: 1px solid #f00;
}
.tribe_settings .tribe-field-description {
	margin-bottom: 0;
	position: relative;
	top: -12px;
}
.tribe_settings #ical-link {
	top: -14px;
}
.tribe-settings-form #tribe-field-stylesheetOption label {
	margin-left: 20px;
}
.tribe-settings-form #tribe-field-stylesheetOption input {
	margin-left: -20px;
	margin-right: 8px;
}
.tribe-settings-form #tribe-field-stylesheetOption p.description {
	color: #999;
}
/* Modern Tribe box */
#modern-tribe-info {
	-khtml-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	margin: 20px 0;
	padding: 8px 20px 12px;
}
#modern-tribe-info img {
	height: 18px;
	margin: 10px 0;
	width: 250px;
}
#modern-tribe-info ul {
	list-style: disc;
	margin-left: 20px;
}
#modern-tribe-info ul ul {
	list-style: circle;
}

/* sizes */
.tribe-field-textarea.tribe-size-small textarea {
	height: 60px;
	width: 180px;
}
.tribe-field-textarea.tribe-size-medium textarea {
	height: 80px;
	width: 300px;
}
.tribe-field-textarea.tribe-size-large textarea {
	height: 120px;
	width: 450px;
}

.tribe-field-text.tribe-size-small input,
.tribe-field-license_key.tribe-size-small input {
	width: 50px;
}
.tribe-field-text.tribe-size-medium input,
.tribe-field-license_key.tribe-size-medium input {
	width: 225px;
}
.tribe-field-text.tribe-size-large input,
.tribe-field-license_key.tribe-size-large input {
	width: 450px;
}

.tribe-field-dropdown.tribe-size-small select {
	width: 100px;
}
.tribe-field-dropdown.tribe-size-medium select {
	width: 300px;
}
.tribe-field-dropdown.tribe-size-large select {
	width: 450px;
}

.tribe-field-dropdown_chosen.tribe-size-small select {
	width: 100px;
}
.tribe-field-dropdown_chosen.tribe-size-medium select {
	width: 200px;
}
.tribe-field-dropdown_chosen.tribe-size-large select {
	width: 300px;
}

/* license keys */
.ajax-loading-license,
.valid-key,
.invalid-key {
	display: none;
	margin: 0 5px;
}
.ajax-loading-license {
	position: relative;
	top: 5px;
}
.key-validity {
	display: inline-block;
}
.optin-fail,
.invalid-key {
	color: red;
}
.optin-success,
.valid-key {
	color: green;
}
.valid-key.service-msg {
	color: #b72;
}

/* additional fields */
#additional-field-table {
	margin-bottom: 20px;
}

/* miscellaneous */
.tribe-admin-box-left {
	-khtml-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	float: left;
	margin: 20px 0;
	padding: 0 20px 15px;
	width: 20%;
}
.tribe-admin-box-right {
	-khtml-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	float: right;
	margin: 20px 0;
	padding: 0 20px 15px;
	width: 68%;
}
.ajax-loader {
	float: right;
	margin: 10px;
}
.tribe-arrangeable-item {
	border: 1px solid lightGrey;
	-moz-border-radius: 6px;
	     border-radius: 6px;
}
.tribe-arrangeable-item .ui-state-default {
	border: none;
}
.tribe-arrangeable-item-top {
	padding: 6px;
}
.tribe-arrangeable-item-top:hover {
	cursor: move;
}
.tribe-arrangeable-action {
	float: right;
}
.tribe-arrangeable-child {
	background-color: #f9f9f9;
	border-top: 1px solid lightGrey;
	display: none;
	padding: 25px;
}
.tribe-arrangeable-child label {
	display: block;
	margin: 0 0 7px 0;
}
.tribe_events_active_filter_type_options {
	margin: 10px 0;
}
.tribe_events_active_filter_type_options label {
	margin: 7px 0;
}
.tribe-settings-form .tribe-settings-form-wrap fieldset .tribe-style-selection {
	margin-bottom: 18px;
}
.OrganizerInfo td small,
#event_organizer td small {
	display: block;
	margin: 0;
	max-width: 250px;
}
.OrganizerInfo .organizer-email,
#event_organizer .organizer-email {
	vertical-align: top;
}

.tribe-table-field-label {
	max-width: 100%;
	width: 200px;
}

/* = Help Screen
=============================================*/

#tribe-help-general,
#tribe-help-sidebar {
	float: left;
	margin-top: 20px;
}

#tribe-help-general p {
	margin-left: 15px;
}

#tribe-help-general ul {
	list-style-type: square;
	margin-bottom: 20px;
	margin-left: 35px;
}

#tribe-help-general ol {
	margin-bottom: 20px;
	margin-left: 35px;
}

#tribe-help-general h3 {
	background-color: #f9f9f9;
	margin-bottom: 10px;
	padding: 6px 0 6px 12px;
}

#tribe-help-general h3 ~ h3 {
	margin-top: 2.25em;
}

#tribe-help-general h3 + p {
	margin: 0 0 20px;
	padding-left: 12px;
}

#tribe-help-general {
	width: 65%;
}

.tribe-help-section {
	padding-bottom: 10px;
}

.tribe-section-type-box {
	-khtml-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	padding: 8px 20px 12px;
}

.tribe-section-type-box img {
	height: auto;
	margin: 10px 0;
	max-width: 300px;
}

.tribe-section-type-box ul {
	list-style: disc;
	margin-left: 20px;
}

.tribe-section-type-box ul ul {
	list-style: circle;
}

#tribe-log-controls {
	padding-bottom: 1rem;

	/* For consistency with help screen h3 and p elements */
	padding-left: 12px;

	& > div {
		display: inline-block;
		padding-right: 1rem;
	}

	.working {
		opacity: 1;
		transition: opacity 0.2s;
	}

	.working.hidden {
		opacity: 0;
		transition: opacity 0.2s;
	}
}

#tribe-system-info dl.support-stats,
#tribe-log-viewer,
.template-updates-wrapper {
	background: #000;
	border-radius: 2px;
	color: #888;
	max-height: 400px;
	overflow: scroll;
	padding: 10px;
}

#tribe-system-info dl.support-stats dt,
.template-updates-wrapper dt {
	clear: both;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width: 25%;
}

#tribe-system-info dl.support-stats dd,
.template-updates-wrapper  dd {
	margin-left: 25%;
	padding-left: 10px;
}

.system-info-copy {
  .system-info-copy-btn {
    padding: 6px;

    .dashicons {
      padding-right: 10px;
    }
  }
}

.template-updates-wrapper p {
	margin-top: 0;
}

#tribe-help-sidebar {
	margin: 20px 0 0 3%;
	max-width: 225px;
	width: 32%;
}

.tribe-help-plugin-info {
	border: 1px solid #ccc;
	padding: 0 12px 12px;
}

.tribe-help-plugin-info dt,
.tribe-help-plugin-info dd {
	display: inline;
	margin: 0;
}

.tribe-help-plugin-info dt {
	font-weight: bold;
}

.tribe-help-plugin-info dd::after {
	content: '';
	display: block;
	height: .4em;
}

.tribe-help-plugin-info dd:last-child::after {
	height: 0;
}

.tribe-help-plugin-info + .tribe-help-plugin-info {
	margin-top: 20px;
}

.tribe-help-plugin-info > div {
	line-height: 2em;
}

.tribe-help-plugin-info .star-rating {
	display: inline-block;
	margin-left: 3px;
	position: relative;
	top: -2px;
}

.tribe-help-plugin-info .tribe-list-addons {
	color: #21a6cb;
	font-size: 24px;
	list-style: circle inside;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 4px;
}

.tribe-help-plugin-info .tribe-list-addons a {
	font-size: 13px;
	left: -5px;
	position: relative;
	top: -5px;
}

.tribe-help-plugin-info .tribe-list-addons .tribe-active-addon {
	list-style: disc inside;
}

/* = jQuery UI
=============================================*/
.ui-widget-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .50;
}
.ui-widget-shadow {
	background: #000;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	filter: Alpha(Opacity=20);
	margin: -5px 0 0 -5px;
	opacity: .20;
	padding: 5px;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	display: block;
	font-size: .1px;
	position: absolute;
	z-index: 99999;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	left: 0;
	top: -5px;
	width: 100%;
}
.ui-resizable-s {
	bottom: -5px;
	cursor: s-resize;
	height: 7px;
	left: 0;
	width: 100%;
}
.ui-resizable-e {
	cursor: e-resize;
	height: 100%;
	right: -5px;
	top: 0;
	width: 7px;
}
.ui-resizable-w {
	cursor: w-resize;
	height: 100%;
	left: -5px;
	top: 0;
	width: 7px;
}
.ui-resizable-se {
	bottom: 1px;
	cursor: se-resize;
	height: 12px;
	right: 1px;
	width: 12px;
}
.ui-resizable-sw {
	bottom: -5px;
	cursor: sw-resize;
	height: 9px;
	left: -5px;
	width: 9px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	height: 9px;
	left: -5px;
	top: -5px;
	width: 9px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	height: 9px;
	right: -5px;
	top: -5px;
	width: 9px;
}
.ui-dialog {
	padding: .2em;
	position: relative;
	width: 375px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .5em .3em .3em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0 .2em;
}
.ui-dialog .ui-dialog-titlebar-close {
	height: 18px;
	margin: -10px 0 0 0;
	padding: 1px;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin-left: -8px;
	margin-top: -8px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0;
}
.ui-dialog .ui-dialog-content {
	background: none;
	border: 0;
	overflow: auto;
	padding: .5em 1em;
	zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
	background-image: none;
	border-width: 1px 0 0 0;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em !important;
	text-align: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	line-height: 1.4em;
	margin: .5em .4em .5em !important;
	overflow: visible;
	padding: .2em .6em .3em;
	text-shadow: none;
	width: auto;
}
.ui-dialog .ui-resizable-se {
	bottom: 3px;
	height: 14px;
	right: 3px;
	width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important;
	text-align: center;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button .ui-button-text {
	display: block;
	line-height: 1.4;
}
.ui-datepicker {
	font-size: 8pt;
}
#ui-datepicker-div {
	display: none;
}

#tribe-loading {
	background: #fff;
	background: rgba(255, 255, 255, .8);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-moz-transition: all 1s linear;
	 -ms-transition: all 1s linear;
	  -o-transition: all 1s linear;
	     transition: all 1s linear;
	webkit-transition: all 1s linear;
	width: 100%;
	z-index: 4;
}

#tribe-loading span {
	background: url(../images/tribe-loading.gif) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
	        background-size: 32px 32px;
	height: 32px;
	left: 50%;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 50%;
	width: 32px;
}

/* = Admin Retina Bits
=============================================*/
@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#tribe-loading span {
		background-image: url(../images/tribe-loading@2x.gif);
	}
}

/* = TEC Welcome & Update Pages // Displays after installation & plugin update
===============================================================================*/

.tribe_welcome_page,
.tribe_update_page {
	max-width: 1000px;
}

.tribe-half-column {
	float: left;
	margin-bottom: 30px;
	margin-right: 5%;
	width: 45%;
}

.tribe-row:before,
.tribe-row:after {
	content: '';
	display: table;
}

.tribe-row:after {
	clear: both;
}

.tribe-row {
	clear: both;
}

.tribe-row .tribe-half-column:last-child {
	margin-right: 0;
	width: 50%;
}

.tribe_welcome_page h2,
.tribe_update_page h2 {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.tribe_welcome_page h3,
.tribe_update_page h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 0;
}

.tribe_welcome_page h4,
.tribe_update_page h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	margin: 0;
}

.tribe_welcome_page p,
.tribe_update_page p {
	font-size: 14px;
}

p.tribe-welcome-message {
	font-size: 20px;
	font-weight: 400;
}

.tribe_welcome_page h2:before,
.tribe_update_page h2:before {
	content: '\f145';
	font-family: 'dashicons';
	font-size: 34px;
	line-height: 1;
	margin-right: 5px;
	position: relative;
	top: 5px;
}

.tribe-welcome-video-wrapper {
	height: 0;
	margin-bottom: 40px;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	position: relative;
}

.tribe-welcome-video-wrapper iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

a.tribe-rating-link {
	text-decoration: none;
}

.tribe-welcome-links,
.tribe-update-links {
	margin-top: 30px;
}

.tribe_welcome_page li:before,
.tribe_update_page li:before {
	content: '\2022';
	padding-right: 3px;
}

.tribe_update_page .rss-widget {
	margin: 1em 0;
}

.tribe_update_page a.rsswidget {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}

.tribe_update_page .rss-widget li:before {
	display: none;
}

/* Media Queries for Mobile Dashboard */
@media screen and (max-width: 782px) {
	.tribe-half-column,
	.tribe-row .tribe-half-column:last-child {
		margin: 0 0 20px 0;
		width: 100%;
	}

	input[type='email'] {
		width: 100%;
	}
}


@media screen and ( max-width: 782px ) {
	.events-cal .subsubsub {
		float: none;
	}

	.events-cal .search-box {
		width: 98%;
	}

	.events-cal #search-submit {
		width: 100%;
	}

	.events-cal .tablenav.top {
		display: none;
	}
}

.tribe-update-bar {
	display: inline-block;
}

.tribe-update-bar .progress {
	border: 1px solid #ccc;
	float: left;
	margin-right: 1rem;
	padding: 1px;
	width: 18rem;
}

.tribe-update-bar .progress .bar {
	background: #ffba00;
	height: 1rem;
	width: 1%;
}

.tribe-update-bar .progress .bar {
	background: #7ad03a;
}

/* = Modals/thickbox dialogs
============================ */

#tribe-dialog-wrapper {
	& > div {
		padding: 1rem;

		.stage {
			display: none;
		}
	}

	#heading {
		background: white;
	}

	label {
		display: block;
	}

	.select-single-container {
		border: 1px solid #888;
		overflow-y: scroll;
		height: 300px;

		label {
			opacity: 1;
			padding: 3px 5px;
			transition: opacity 0.2s;

			&:nth-child(odd) {
				background: white;
			}

			&.selected {
				background: #0073aa;
				color: white;
				font-weight: bold;
			}

			input {
				display: none;
			}
		}

		&.updating label {
			opacity: 0.35;
			transition: opacity 0.2s;
		}
	}
}

/* Useful to ensure modals rise above the grey 'miasma' */
.ui-front {
	z-index: 1000000;
}

/* Select2 Specific rule */
.select2-container .select2-choice abbr {
	top: 6px;
}

.wp-list-table.plugins {
	.column-description {
		.update-message {
			color: #d54e21;
		}
	}
}

.api-check {
	padding: 1em;

	& + .notice-dismiss {
		&:hover {
			&:before {
				color: #fff;
			}
		}
	}

	&:before,
	&:after {
		content: '';
		display: table;
	}

	&:after {
		clear: both;
	}

	.tribe-spirit-animal {
		background: #325f81;
		background: -moz-linear-gradient(45deg, #325f81 0%, #3d87c0 100%);
		background: -webkit-linear-gradient(45deg, #325f81 0%,#3d87c0 100%);
		background: linear-gradient(45deg, #325f81 0%,#3d87c0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325f81', endColorstr='#3d87c0',GradientType=1 );
		border-left: 4px solid #eee;
		bottom: 0;
		display: none;
		padding: 1rem;
		position: absolute;
		right: 0;
		top: 0;
		width: 180px;

		&:before {
			content: '';
			display: inline-block;
			height: 100%;
			width: 1%;
			vertical-align: middle;
		}

		img {
			display: inline-block;
			max-height: 100%;
			max-width: 96%;
			vertical-align: middle;
		}

		@media screen and (min-width: 500px) {
			display: block;
		}
	}

	.notice-content {

		@media screen and (min-width: 500px) {
			margin-right: 180px;
		}
	}

	p {
		line-height: 1.7;
		margin-bottom: 1em;
	}

	a {
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}
	.plugin-list {
		display: inline;
		font-weight: 600;
		margin: 0;
		padding: 0;

		span.plugin-invalid {

			&:after {
				content: ', ';
			}

			&:last-of-type {

				&:after {
					content: '';
				}
			}
		}
	}
}
